<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2021-10-14-a</title>
</head>

<body>
    <script>
        // function fun() {
        //     return "hello";
        // }
        // var fun1 = function() {
        //     return "hello";
        // }
        // console.log(fun1());
        // // 箭头函数
        // var fun2 = () => {
        //         return "hello";
        //     }
        //     //箭头函数调用
        //     //带参数 有且仅有一个参数 ()可省略
        // console.log(fun2());
        // var fun3 = a => {
        //         return "hello" + a;
        //     }
        //     // 如果只有一个返回值  return  {}都可以省略
        // var fun3 = a => "hello" + a;
        // console.log(fun3(",world"));



        // 数组函数
        var soc = [80, 70, 60, 50, 90, 100, 40];
        var arr = [];
        soc.forEach(item => {
            console.log(item);
            // push   数组尾部增加新的元素
            arr.push(item >= 60 ? "及格" : "不及格");
        });
        console.log(arr);
        // map()根据返回的结果生成一个新的数组 一一映射对应新的值
        var res = soc.map(item => item >= 60 ? "及格" : "不及格");
        // var res = soc.map(function(item) {
        //     return item >= 60 ? "及格" : "不及格";
        // })
        // var res = soc.map(item => {
        //     return item >= 60 ? "及格" : "不及格";
        // })
        console.log(res);
        // filter  过滤值（返回条件为true的），返回的结果添加到一个新的数组中
        var soc = [80, 70, 60, 50, 90, 100, 40];
        var res2 = soc.filter(item => item >= 80);
        console.log(res2);
        var arr2 = [3, 4, 5, 6, 7];
        // push()    尾部增加新的值   push(值)
        arr2.push(10);
        console.log(arr2); //[3, 4, 5, 6, 7, 10]
        // pop()    从尾部值删除一个,并返回元素的值
        var pop_arr = arr2.pop();
        console.log(pop_arr);
        console.log(arr2); //[3, 4, 5, 6, 7]
        // unshift() 头部增加新的值 unshift(值)
        arr2.unshift(2);
        console.log(arr2); //[2,3, 4, 5, 6, 7]
        //shift()   从头部删除一个值，并返回元素的值
        var shift_arr = arr2.shift();
        console.log(shift_arr);
        console.log(arr2); //[3, 4, 5, 6, 7]
        //splice(起始位置,删除的个数,插入新的值)  指定位置插入，删除
        arr2.splice(2, 0, 8); //从索引为2的地方开始插入8[3, 4, 8, 5, 6, 7]
        console.log(arr2);
        arr2.splice(2, 0, ...[7, 8, 9]); //[3, 4, 7, 8, 9, 8, 5, 6, 7]
        console.log(arr2);
        arr2.splice(2, 4); //从索引为2的地方开始删除4个值[3, 4, 5, 6, 7]
        console.log(arr2);
        // 数组名.toString();将数组转换为字符串
        console.log(arr2.toString()); //3,4,5,6,7
        // arr2.reverse()翻转数组
        // console.log(arr2.reverse()); //[7, 6, 5, 4, 3]
        // join用数组元素组成字符串
        console.log(arr2.join()); //7,6,5,4,3
        // slice(起始位置， 结束位置) 数组截取,不包含结束位置的值
        var arr4 = [21, 34, 6, 7, 9];
        console.log(arr4.slice(1, 3)); //[34,6]
        var news = [{
            id: 1,
            title: "新闻标题1"
        }, {
            id: 2,
            title: "新闻标题2"
        }, {
            id: 3,
            title: "新闻标题3"
        }, {
            id: 4,
            title: "新闻标题4"
        }, {
            id: 5,
            title: "新闻标题5"
        }, {
            id: 6,
            title: "新闻标题6"
        }]
        var total = news.length;
        var page = 1;
        var size = 3;
        var pages = Math.ceil(total / size);
        var start = (page - 1) * size;
        var end = page * size;
        var data = news.slice(start, end);
        console.log(data);
    </script>
</body>

</html>